<html>
	<head>
		<title>WebGLORE</title>
		<meta name="description" content="Grid Binary Logistic Regression">
		<meta name="keywords" content="GLORE, glore, grid, binary, logistic, regression, sharing, shared, data, model, privacy">
		<meta name="author" content="Asher McCall Garland">
		<meta charset="UTF-8">
		<link href="./css/styles.css" rel="stylesheet" type="text/css">
		<script src="./js/jquery-1.8.2.min.js" language="JavaScript" type="text/javascript"></script>
		<script src="./js/utility.js" language="JavaScript" type="text/javascript"></script>
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="./js/jquery.youtubeplaylist.js"></script>
		
		<script type="text/ecmascript">

			$(function() {
			var holder = $('div.youtube');
			
			$("ul.demo1").ytplaylist({addThumbs:true, autoPlay: false, holder: holder, allowFullScreen: true});
			});

		</script>
		
		<style type="text/css">

		  .youtube {
			background: #f3f3f3;
			padding: 5px;
			float: left;
			border: 1px solid #e3e3e3;
			margin-bottom:15px;
		  }
		  
		  ul {
			  float: left;
			  margin: 0;
			  padding: 0;
			  width: 220px;
		  }
		  
		  ul li {
			list-style-type: none;
			display:block;
			background: #f1f1f1;
			float: left;
			width: 216px;
			margin-bottom: 5px;
			padding:2px;
		  }
		  
		  ul li img {
			width: 120px;
			float: left;
			margin-right: 5px;
			border: 1px solid #999;
		  }
		  
		  ul li a {
			font-family: georgia;
			text-decoration: none;
			display: block;
			color: #000;
		  }
		  
		  .currentvideo {
			background: #e6e6e6;
		  }

		</style>
		
	</head>

	<body>

		<div id="main_container">

			<div id="left_container">

				<!-- Logo Start -->
				<div id="title">

					<div id="logo">
						<h1>GLORE</h1>
					</div>

					<div id="name">
						<h3>Web-based Grid binary LOgistic REgression (WebGLORE)</h3>
					</div>

				</div>
				<!-- Logo End -->

			<!-- Navigation Start-->
				<div id="navigation" class="border rounded-upper">

					<div id="nav_header" class="bottom-border">
						<h3>Navigation</h3></div>

					<a id="nav_login" class="nav bottom-border" href="./login.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Login</h2>
							<p>Log into the GLORE system</p>
						</div>
					</a>
					
					<a id="nav_home" class="nav bottom-border" href="./index.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Home</h2>
							<p>View your GLORE profile page</p>
						</div>
					</a>

					<a id="nav_instructions" class="nav bottom-border" href="./instructions.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2  class="hightlighted">Instructions</h2>
							<p>Learn the fundamentals of using GLORE</p>
						</div>
					</a>

					<a id="nav_registration" class="nav bottom-border" href="./registration.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Registration</h2>
							<p>Register an account in GLORE</p>
						</div>
					</a>

					<a id="nav_createTask" class="nav bottom-border" href="./createTask.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Create Task</h2>
							<p>Create a new GLORE task</p>
						</div>
					</a>
					
					<a id="nav_wait" class="nav bottom-border" href="./WaitForParticipants.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>WaitForParticipants</h2>
							<p>Wait for other participants</p>
						</div>
					</a>

					<a id="nav_compute" class="nav bottom-border" href="./computation.jsp">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Computation</h2>
							<p>Computation process</p>
						</div>
					</a>
					
					<a id="team" class="nav bottom-border" href="./team.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Team</h2>
							<p>Team members</p>
						</div>
					</a>
				
					
				</div>
				<!-- Navigation End-->
			</div>
			

			<!-- Main Content Start -->
			<div id="right_container" class="border rounded-upper">

				<div id="header" class="bottom-border">
					<h2>Instructions & Example data</h2>
				</div>


				<div id="full_content">

			
				
				<!--div class="youtube"> </div-->
					<!-- <ul class="demo1">
						<li><a href="http://www.youtube.com/watch?v=QG3geue6nek">Introduction</a></li>
						<li><a href="http://www.youtube.com/watch?v=yVb55wy2TTM">One institution demo</a></li>
						<li><a href="http://www.youtube.com/watch?v=zSeFebjb16I">Two institutions demo</a></li>
					</ul> -->
				
				
			
				<iframe src="./youtube.html" WIDTH=800 HEIGHT=425 FRAMEBORDER = no SCROLLING= no></iframe>

				<div class="body">
				
				<br><b><font size="3">Other materials:</font></b></br>
				<br>
				<li>The user manual is available <b><a href="./data/manual.pdf">here</a></b>.</li>
				<br>
				<li>The Workflow diagram is available <b><a href="./images/Flow_diagram_of_Glore.png">here</a></b>.</li>
				
				
					<div id="step2_testdata" class="alignleft">
					<br><b><font size="3"> Example data for training and testing (save to a local directory):</font></b></br>
					<br>
					<table>
						<tbody><tr><td><a href="data/IPDLR_1.txt">IPDLR_1,</a></td> <td><a href="data/IPDLR_2.txt">IPDLR_2</a></td></tr>
						<tr><td><a href="data/IPDLR_3.txt">IPDLR_3,</a></td> <td><a href="data/IPDLR_4.txt">IPDLR_4</a></td></tr>
					</tbody></table>
				</div>
					
					
				

			</div>
			</div>
			<!-- Main Content End -->

	

</body></html>